<div class="content_half">
	
	<h1>The <?php echo $data['Metro']['public_name']?> metro area</h1>
	<p>Please select a town to view:</p>
		<ul>
	<?php foreach($towns as $town) : ?>
			<li><a href="/<?php echo $town['Town']['host_name']; ?>"><?php echo $town['Town']['public_name']; ?></a></li>
	<?php endforeach ?>
		</ul>
	<h3>Current potholes:</h3>
		<ul>
	<?php foreach($potholes as $pothole) : ?>
			<li><a href="/potholes/view/<?php echo $pothole['Pothole']['id']; ?>"><?php echo $pothole['Pothole']['title']; ?></a></li>
	<?php endforeach ?>
		</ul>
</div>
<div class="content_half">
	<div id="google_map" class="half_leftBubble">
		<p>Google Map:</p>
		<img src="/img/google_map_sample.gif" width="350" height="250">
	</div>
<?php /* if($data['Pothole']['image']) { */?>
	<div id="pothole_image" class="half_leftBubble">
		<p>User-Submitted Image:</p>
		<img src="http://farm3.static.flickr.com/2219/1498885031_71bc8a7c8f_m.jpg" width="350" />
	</div>
<?php /* } */?>
	<div id="youtube_video" class="half_leftBubble">
		<p>User-Submitted Video:</p>
		<object width="350" height="265"><param name="movie" value="http://www.youtube.com/v/vMB7EkOGXMM&hl=en&fs=1&color1=0x006699&color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vMB7EkOGXMM&hl=en&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="350" height="265"></embed></object>
	</div>
</div>
<div class="content_full">&nbsp;</div>
